<extend name="common/base" />
<block name="resource">
    <link href="__ASSET__/Home/v4/src/css/explore.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <style>
        .comment-infos{width: 85%;}
        .comments{width: 100%;}
    </style>
    <![endif]-->
    <style>
       .comment_num{
             float: right;
             padding-top: 5px;
       }
       .comment_avatar{
          border-radius:50%;
       }
    </style>
</block>

<block name="content">
<!--赛事播放视频--> 
<div class="paddingtb20 match-video-player event-player match-bg relative">
    <!-- <div class="match-video-playerbg match-bg absolute"></div> -->
    <include file="MatchV4/player_template" />
</div>  
<div class="container paddingtb20 paddingb120">
    <!--全部评论-->
    <div class="match-main-left white-bg left">
        <div class="main-right-box paddingtb20">
            <!--顶部评论框S-->
            <div class="write-comment first-comment paddingtb20">
                <!-- <h1 class="font16">写评论</h1> -->
                <div class="user-face">
                    <img src="" alt="" class="send_img">
                </div>
                <div class="reply-box first-comment-reply">
                    <textarea id="content-top" class="input1 saytextarea" placeholder="说点什么呢" name="saytext" onkeyup="changes(this);"></textarea>
                    <button class="disabled-bg disabled myBtnpublic" value="发表">发表评论</button>
                    <div class="qqface-box"> 
                        <i class="emotion" id="em-top"></i>
                        <span class="comment_num">还能输入140字</span>
                    </div>
                </div>
            </div>
            <!--顶部评论框E-->
            <h1 class="font16 colorthree content_contain">
                <p class="h1-left match-comments left">
                   <span class="hot  match-comments-span active" title="全部评论" data-flag="true" data-type="">
                        <b>全部评论<em class="commit_total font13">（0条)</em></b>
                    </span>
                    <span class="pre match-comments-span" title="热门评论" data-flag="true" data-type="hot">
                        <b>热门评论</b>
                    </span> 
                    <input type="hidden" name="macth_id" value="{$show_id.race_id}">
                </p>           
            </h1>
            <div class="load-more" style="display:none;">
                <i><img src="__ASSET__/Home/v4/src/images/loading-white.gif" alt="正在加载，请稍候..."/></i>
                <span>正在加载，请稍候...</span>
            </div>
             <div class="write-comment paddingtb20" id="reply-box-bottom">
                <!-- <h1 class="font16">写评论</h1> -->
                <div class="user-face">
                    <img src="" alt="" class="send_img">
                </div>
                <div class="reply-box">
                    <textarea id="content" class="input1 saytextarea" placeholder="说点什么呢" name="saytext" onkeyup="changes(this);"></textarea>
                    <button class="disabled-bg disabled myBtnpublic" value="发表">发表评论</button>
                    <div class="qqface-box">  
                        <i class="emotion" id="em"></i>
                        <span class="comment_num">还能输入140字</span>
                    </div>
                </div>
            </div>         
        </div>
    </div>
    <!--其他比赛推荐-->
    <div class="match-main-right white-bg right">
        <h1 class="font12 colorthree">
            <span class="left">其他比赛推荐</span>
        </h1>
        <notempty name="race_list">
            <!--最多推荐5个比赛S-->
            <ul class="other-event-rec">
                <volist name="race_list" id="race">
                    <include file="MatchV4/race_template" />
                </volist>
            </ul>
            <!--最多推荐5个比赛E-->
        <else/>
            <!--类null-state为空状态-->
            <div class="match-main-right-null">
                <div class="null-img"></div>
                <div class="null-info font16 colornine font_micro">暂时没有推荐赛事</div>
            </div>
        </notempty>
    </div>
</div>
</block>

<block name="component">
<script src="__ASSET__/Home/v4/lib/js/jquery.zclip.min.js"></script>
<script src="__ASSET__/Home/v4/lib/js/jwplayer.js"></script>
<script src="__ASSET__/Home/v4/lib/js/layer.js"></script>
<script src="__ASSET__/Home/v4/lib/js/face.js?v=1.0"></script>
<script src="__ASSET__/Home/v4/lib/js/date_format.js"></script>
<script src="__ASSET__/Home/v4/src/js/match_n.js"></script>
<script src="__ASSET__/Home/v4/dist/js/background.js"></script>
<script src="__ASSET__/Home/v4/src/js/comment.js?v=1.0"></script>
<script>
    window._THIS = {
        detail_url : "{:U('api/match/detailNew', ['race_id' => $show_id['race_id']])}",
        detail_page :"/match-detail-",
        recentResult:"/match-ajaxRecent",
        VideoPlay:"{:C('LOCAL_DOMAIN')}/video-play-",
        bg_img : "{$match.pc_bg_player}",
        getCommentList:"{:U('video/getCommentList')}",
        publikcomments:"{:U('video/comments')}",
        user_url : "/user-",
        page:10
    }; 
    $(function () {
        $('#em').qqFace({
            id: 'facebox',
            assign: 'content',
            path: _COMMON.public_url+'/Home/v4/src/face/'    //表情存放的路径
        });
        $('#em-top').qqFace({
            id: 'facebox',
            assign: 'content-top',
            path: _COMMON.public_url+'/Home/v4/src/face/'    //表情存放的路径
        });
    });
    function changes(str){
        if($(str).val().length > 0)
        {
          $(str).parents('.reply-box').find('button').addClass('blue02-bg white');
        }else if($(str).val().length <= 0){
          $(str).parents('.reply-box').find('button').removeClass('blue02-bg white');
        }
    }
</script>
</block>
